<!DOCTYPE html>
<html manifest="./manifest.manifest">
  <head>
    <meta charset="utf-8">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="./css/bootstrap.css">
    <link rel="stylesheet" href="./css/bootstrap-theme.css">
    <link rel="stylesheet" href="./css/apple.pc.css">
    <link media="only screen and (max-width:768px)" rel="stylesheet" href="./css/apple.mobile.css">
    <link rel="stylesheet" type="text/css" href="css/cube.css"/>
	<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
	<link rel="stylesheet" type="text/css" href="css/style.css"/>
	<link rel="stylesheet" type="text/css" href="css/common.css"/>

	<script type="text/javascript" src="./js/bootstrap.js"></script>
    <script src="js/jquery-1.12.4.min.js" type="text/javascript"></script>
	<script src="js/init.js" type="text/javascript"></script>
	<script src="js/bootstrap.min.js" type="text/javascript"></script>
	<script type="text/javascript">

	</script>
  </head>
  <body>

  <nav class="navbar navbar-inverse">
  		<div class="container">
  		  <ul class="head">
  			<li><a href="#"><span class="iconfont">&#xe602;</span></a></li>
  			<li><a href="mac.html">Mac</a></li>
  			<li><a href="iPad.html">iPad</a></li>
  			<li><a href="iPhone.html">iPhone</a></li>
  			<li><a href="watch.html">Watch</a></li>
  			<li><a href="music.html">Music</a></li>
  			<li><a href="#">上财信息</a></li>
  			<li><a href="#"><span class="iconfont">&#xe601;</span></a></li>
  			<li id="gou"><a href="#"><span class="iconfont">&#xe60c;</span></a></li>
  		  </ul>
  		</div>
	</nav>

    <!-- 模态窗口部分 -->
    <div id="over" style="display:none;">
      <!-- 用户可操作页面 -->
      <div id="content">
        <span class="up"></span>
        <p>你的购物袋是空的</p>
        <ul>
          <li><img src="./imgs/1_1.png" alt=""> <a href="#">购物袋</a></li>
          <li><img src="./imgs/1_2.png" alt=""> <a href="#">收藏</a></li>
          <li><img src="./imgs/1_3.png" alt=""> <a href="#">订单</a></li>
          <li><img src="./imgs/1_4.png" alt=""> <a href="#">账户</a></li>
          <li><img src="./imgs/1_5.png" alt=""> <a href="#"><label id="denglu">登录</label></a></li>
        </ul>
      </div>
    </div>
    <!-- 模态窗口登录窗口 -->
    <div id="login" style="display:none;">
      <div class="login">
        <h3>登录Apple Store</h3>
        <input id="appId" type="text" name="" value="" placeholder="Apple ID*">
        <br>
        <br>
        <input id="appPass" type="text" name="" value="" placeholder="密码*">
        <br>
        <br>
        <label>忘了自己的Apple ID 或密<br/>码?</label><button type="button" name="button">登录</button>
        <span id="close" class="glyphicon glyphicon-remove"></span>
      </div>
    </div>
    <!-- 正文 -->
    <!-- <div class="header">
      <广告>
    </div> -->
<!--     <nav id="tit" class="navbar navbar-default" style="background:#333">
      <div class="container">
        <div class="navbar-header">
           下拉框按钮 
          <button aria-controls="navbar" class="navbar-toggle" type="button" name="button" data-toggle="collapse" aria-expanded="false"  data-target="#navbar">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          </button>
          品牌图标
          <span id="app" class="navbar-brand"  style=""><img src="./imgs/app.png" alt=""></span>
        </div>
        <div class="navbar-footer">
          <span id="shop" class="navbar-brand"><img id="btn" src="./imgs/shop.png" alt=""></span>
        </div> -->

       
	        <!-- <div id="navbar" class="container">
	          <ul class="nav navbar-nav">
	  			<li><a href="mac.html">Mac</a></li>
	  			<li><a href="iPad.html">iPad</a></li>
	  			<li><a href="iPhone.html">iPhone</a></li>
	  			<li><a href="watch.html">Watch</a></li>
	  			<li><a href="music.html">Music</a></li>
	  			<li><a href="#">技术支持</a></li>
	          </ul>
	        </div> -->

      <!-- </div> -->
    <!-- </nav>  -->
    <div class="jumbotron">
        <img class="logo" src="./imgs/1.png" alt="">
		    <img class="logo" src="./imgs/2.png" alt="">
		    <img class="logo" src="./imgs/3.png" alt="">
    </div>
    <main class="container">
      <div class="row">
        <div class="col-md-6">
          <h2>iOS 11</h2>
          <p>现已推出</p>
          <img class="pic" src="./imgs/11.jpg" alt="">
        </div>
        <div class="col-md-6">
          <h2>watchOS 4</h2>
          <p>现已推出</p>
          <img class="pic" src="./imgs/22.jpg" alt="">
        </div>
      </div>
      <div class="row">
        <div class="col-md-6">
          <h2>iPhone 年年焕新计划</h2>
          <p>每一年都有一部新iPhone，<br/>并享受AppleCare+全方位服务计划。</p>
          <div id="img" class="">
            <img class="pic" src="./imgs/33.jpg" alt="">
          </div>
          <!-- <img id="img" src="./imgs/33.jpg" alt=""> -->
        </div>
        <div class="col-md-6">
          <h2>macOS High Sierra 4</h2>
          <p>现已推出</p>
          <img class="pic" src="./imgs/44.jpg" alt="">
        </div>
      </div>
    </main>
    


    <!--footer-->
<footer>
  <div style="height: 15px;"></div>
  <div class="container buy">
    <div class="row">
      <div class="col-lg-2">
        <h3>选购及了解</h3>
        <ul>
          <li><a href="#">Mac</a></li>
          <li><a href="#">iPad</a></li>
          <li><a href="#">iPhone</a></li>
          <li><a href="#">Watch</a></li>
          <li><a href="#">Music</a></li>
          <li><a href="#">iTunes</a></li>
          <li><a href="#">iPod</a></li>
          <li><a href="#">配件</a></li>
          <li><a href="#">APP&nbsp;Store充值卡</a></li>
        </ul>
      </div>
      <div class="col-lg-3" style="padding-left:30px;">
        <h3>Apple Store 商店</h3>
        <ul>
          <li><a href="#">查找零售店</a></li>
          <li><a href="#">Genius Bar 天才吧</a></li>
          <li><a href="#">讲座和学习</a></li>
          <li><a href="#">青少年活动</a></li>
          <li><a href="#">Apple Store App</a></li>
          <li><a href="#">翻新和优惠</a></li>
          <li><a href="#">分期付款</a></li>
          <li><a href="#">重复使用和循环利用</a></li>
          <li><a href="#">订单状态</a></li>
          <li><a href="#">选购帮助</a></li>
        </ul>
      </div>
      <div class="col-lg-2">
        <h3>教育与应用</h3>
        <ul>
          <li><a href="#">Apple 与教育</a></li>
          <li><a href="#">高校师生选购</a></li>
        </ul>
        <h3>商务应用</h3>
        <ul>
          <li><a href="#">Apple 与商务</a></li>
          <li><a href="#">商务选购</a></li>
        </ul>
      </div>
      <div class="col-lg-2">
        <h3>账户</h3>
        <ul>
          <li><a href="#">管理你的Apple ID</a></li>
          <li><a href="#">Apple store账户</a></li>
          <li><a href="#">iCloud.com</a></li>
        </ul>
        <h3>Apple 价值观</h3>
        <ul>
          <li><a href="#">辅助功能</a></li>
          <li><a href="#">环境责任</a></li>
          <li><a href="#">隐私</a></li>
          <li><a href="#">供应商责任</a></li>
        </ul>
      </div>
      <div class="col-lg-2">
        <h3>关于Apple</h3>
        <ul>
          <li><a href="#">Apple资讯</a></li>
          <li><a href="#">工作机会</a></li>
          <li><a href="#">媒体资讯</a></li>
          <li><a href="#">活动</a></li>
          <li><a href="#">联系Apple</a></li>
        </ul>
      </div>  
    </div>
    <p>更多选购方式：前往<a href="#"> Apple Store</a> 零售店，致电 400-666-8800 或查找在你附近的<a href="#">授权经销商</a>。</p>
    <div class="privice">
      <span style="color:#888;margin-right:30px;">Copyright © 2017 Apple Inc. 保留所有权利。</span>
      <a href="#">隐私政策</a>
      <a href="#">使用条款</a>
      <a href="#">销售政策</a>
      <a href="#">法律信息</a>
      <a href="#">网站地图</a>
      <span style="float:right;"><a href="#" style="border:0;padding:0;margin:0;"><img src="images/16.png"/>&nbsp;中国</a></span>
    </div>
    <span style="color:#999;">京公安网安备 11010502008968 <a href="#" style="color:#999;">京ICP备10214630</a></span>
  </div>
</footer>
  </body>
</html>
